<template>
  <!-- 主题 -->
  <div class="centent-find">
    <div class="header">
      <div class="headerd" v-for="(item, index) in data.header" :key="index">
        <van-image width="130" height="90" lazy-load :src="item.icon_url" />
        <p>{{ item.name }}</p>
      </div>
    </div>
    <div class="ff" v-for="(item,index) in data.center" :key="index">
      <div class="top" >
        <h3>{{ item.group_name }}</h3>
        <router-link to="data.more1" class="more">更多 ></router-link>
      </div>
        <div class="centere">
          <div class="center" v-for="item2 in item.group_items" :key="item2.icon_url">
            <van-image width="75" height="75" lazy-load :src="item2.icon_url" />
            <p>{{ item2.name }}</p>
          </div>
      </div>
    </div>
  </div>
</template>

<script>
import api from "@/api/index";
export default {
  data() {
    return {
      data: [],
    };
  },
  async beforeMount() {
    let { data } = await api.getTheme();
    this.data = Object.freeze(data);
    console.log(this.data.center);
  },
};
</script>

<style lang="less">
</style>